<!DOCTYPE html>
<!--
%%LICENSE%%
Version: %%VERSION%%
-->
<html>
<head>
    <link rel="shortcut icon" type="image/png"
        href="../css/img/crowdlogger-logo.001.16x16.png"/>
    <title>Search Trails</title>
    <link href="../css/dialog.css" rel="stylesheet" type="text/css">

    <!-- For sorting our histogram. -->
    <script src="../js/external_lib/sorttable.js"></script>

    <!-- Load jQuery first. -->
    <script src="../js/external_lib/jquery.min.js"></script>
    
    <script src="../js/dialog.js"></script>
    <script src="../html-js/search_trails.js"></script>

    <style>
        /* Sortable tables */
        table.sortable thead {
            background-color:#eee;
            color:#666666;
            font-weight: bold;
            cursor: default;
        }

    </style>
</head>
<body>
<span class="hidden" id="init"></span>
<div class="bodyWrapper">

<!--     <div class="header">
        <div class="title">
            <span class="titleMain">Search trails</span><br>
            <span id="subtitle">
                <span class="titleSub">%%PROJECT_NAME%% Tools</span>
                <br>
            </span>
        </div>
        <span class="refreshlink">
            <a href="#">Refresh</a>
        </span>
    </div> -->
     <div class="header">
        <div class="title with-logo"> 
            <span class="logo-version version titleSub">version %%VERSION%%</span>
            <img class="logo" src="../css/img/crowdlogger-logo.002.png"/>
            <span class="titleMain">Search trails</span>
        </div>
    </div>


    <div style="clear: both;"></div>
    <div class="headerBuffer"></div>

    <p>

    This is a tool similar to your browser's web history tool. However, this is
    different in that we make a distinction between three levels of activities:
    searches, search result clicks, and non-search result clicks. We also do not
    currently display pages that were not visited via a click (that will change
    in future releases).

    <p>

    This is a first pass on what will hopefully become a very useful tool to
    explore your search and  browsing history. We plan to add additional
    functionality, such as task identification. If you have suggestions for
    things to add to the search trails tool or for other %%PROJECT_NAME%% tools,
    please email <a mailto="%%CONTACT_EMAIL%%">%%CONTACT_EMAIL%%</a>.

    <p>

    <table class="searchTrails" style="width: 400px">
    <tr><td class="date">Key:</td></tr>
    <tr><td style="padding-left: 50px;">

        <span class="search">Search 
            <span class="searchEngine">(search engine)</span></span><br>
        <span class="serpClick"> &gt; Search result click</span><br>
        <span class="click"> &gt;&gt; Non-search result click</span>

    </td></tr>
    </table>

    <p>

    <div class="searchTrails" id="contents">
        Loading...
    </div>

    <div class="buffer">
        <table>
            
        </table>
    </div>

    <div class="footer" >
        <div class="copyright">
        %%LICENSE_WEB%%
        </div>
    </div>


</div>
</body>
</html>
